<template>
  <div id="v2"></div>
</template>

<script>
import { Rose } from "@antv/g2plot";
import request from "@/router/axios";

export default {
  name: "v2",
  components: {},
  data() {
    return {};
  },
  filters: {},
  created() {},
  computed: {},
  mounted() {
    let data = [];
    request({
      url: "2/api/WmsOrderDetail/chartType",
      params: {
        // time:
        //   this.date1 == null || this.date1 == "" ? "" : this.date1.join("_"),
      },
    }).then((res) => {
      data = res.data.data;
      const rosePlot = new Rose("v2", {
        data,
        xField: "label",
        yField: "v2",
        seriesField: "label",
        radius: 0.9,
        legend: {
          position: "bottom",
        },
      });
      rosePlot.render();
    });
  },
  methods: {},
};
</script>
